<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="warp">
    <header>
        <div class="container">
            <div class="headerTop clearfix">
                    <div class="headerTopleft">
                        <div class="active">
                            <img src="img/notice.png" alt="">
                            <a href="">网站公告</a>
                            <img src="img/微信.jpg" alt="">

                            <img src="img/w2.jpg" alt="">
                        </div>
                    </div>
                    <div class="headerTopright">
                        <div class="welcome">
                            您好,
                            <span>欢迎光临凡客诚品! &nbsp;</span>
                           <span><a href="">登录</a></span>
                            &nbsp; |  &nbsp;
                            <span><a href="">注册 &nbsp;</a></span>
                            <a href="">我的订单</a>
                        </div>
                    </div>
                </div>
            </div>
        <div class="xian"></div>
        <div class="container">
            <div class="vansearch clearfix">
                <div class="searchTob">
                    <input type="text" placeholder="搜“运动户外”，体验与众不同" class="ku">
                    <button>搜索</button>
                    <a href="">购物车(0)</a>
                </div>
            </div>
            <div class="hotWold">
                <p>热门搜索：<a href="">免烫衬衫</a><a href="">羽绒服</a><a href="">外套</a><a href="">熊本熊</a><a href="">运动户外</a><a href="">帆布鞋</a><a href="">水柔绵</a></p>
            </div>
        </div>
    </header>
    <div class="banner">
        <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light">
                <a class="navbar-brand" href="#"><img src="img/logo18546.png" alt=""></a>
                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a href="index.html" class="nav-link">首页</a>
                        </li>
                        <li class="nav-item one">
                            <a class="nav-link" href="index1.html">衬衫</a>
                            <div class="one-1">
                                <p>免烫</p>
                                <p>易打理</p>
                                <p>休闲</p>
                                <p>高支</p>
                                <p>法兰绒</p>
                                <p>牛津纺</p>
                                <p>青年布</p>
                                <p>牛仔</p>
                                <p>麻</p>
                                <p>水洗棉</p>
                                <p>泡泡纱</p>
                                <p>商务衬衫</p>
                            </div>
                        </li>
                        <li class="nav-item two">
                            <a class="nav-link" href="#">T恤</a>
                            <div class="two-2">
                                <p>本广</p>
                                <p>李翔伟</p>
                                <p>张光先</p>
                                <p>药</p>
                                <p>长场雄</p>
                                <p>创可贴</p>
                                <p>周南</p>
                                <p>上鸟叔</p>
                                <p>简鱼</p>
                                <p>欧飞鸿</p>
                                <p>好小猪</p>
                                <p>剪纸猪</p>
                                <p>赵老师的猪</p>
                                <p>熊本熊</p>
                                <p>柔软棉T</p>
                                <p>运动T恤</p>
                                <p>POLO</p>
                                <p>莫代尔T</p>
                            </div>
                        </li>
                        <li class="nav-item three">
                            <a class="nav-link" href="#">卫衣</a>
                            <div class="three-3">
                                <p>熊本熊</p>
                                <p>开衫</p>
                                <p>连帽</p>
                                <p>圆领</p>
                                <p>水柔棉</p>
                            </div>
                        </li>
                        <li class="nav-item four">
                            <a class="nav-link" href="#">外套</a>
                            <div class="four-4">
                                <p>运动户外</p>
                                <p>皮肤衣</p>
                                <p>西服</p>
                                <p>C9设计款</p>
                                <p>夹克</p>
                                <p>nautilus</p>
                                <p>大衣</p>
                                <p>羽绒服</p>
                            </div>
                        </li>
                        <li class="nav-item five">
                            <a class="nav-link" href="#">针织衫</a>
                            <div class="five-5">
                                <p>空调衫</p>
                                <p>棉线衫</p>
                                <p>羊毛衫</p>
                            </div>
                        </li>
                        <li class="nav-item six">
                            <a class="nav-link" href="#">裤装</a>
                            <div class="six-6">
                                <p>针织裤</p>
                                <p>休闲裤</p>
                                <p>牛仔裤</p>
                                <p>运动裤</p>
                                <p>沙滩裤</p>
                            </div>
                        </li>
                        <li class="nav-item seven">
                            <a class="nav-link" href="index2.html">鞋</a>
                            <div class="seven-7">
                                <p>复古跑鞋</p>
                                <p>帆布鞋</p>
                                <p>休闲鞋</p>
                                <p>运动鞋</p>
                                <p>皮鞋</p>
                                <p>凉鞋</p>
                            </div>
                        </li>
                        <li class="nav-item eight">
                            <a class="nav-link" href="#">家居配饰</a>
                            <div class="eight-8">
                                <p>内衣袜品</p>
                                <p>床品套件</p>
                                <p>被子</p>
                                <p>枕</p>
                                <p>家居服</p>
                                <p>家居鞋</p>
                                <p>背提包</p>
                                <p>拉杆箱</p>
                                <p>皮带钱包</p>
                                <p>手机壳</p>
                            </div>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">特惠</a>
                        </li>
                    </ul>
                </div>
            </nav>
            <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="img/lunbo-1.jpg" alt="..." class="lb">
                    </div>
                    <div class="carousel-item">
                        <img src="img/lunbo-2.jpg" alt="..." class="lb">
                    </div>
                    <div class="carousel-item">
                        <img src="img/lunbo-3.jpg" alt="..." class="lb">
                    </div>
                    <div class="carousel-item">
                        <img src="img/lunbo-4.jpg" alt="..." class="lb">
                    </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
                <div class="juan">
                    <img src="img/优惠券.jpg" alt="">
                    <ul>
                        <li><a href="">
                            <img src="img/限量购-1.jpg" alt="" class="tu">
                            <div class="new-miaosha-productname"><span>T恤 山鸟叔 键盘侠1 黑色</span></div>
                            <del><span class="new-miaosha-oldprice">￥<em>118</em></span></del>
                            <div class="new-miaosha-price">
                                <span class="new-miaosha-saleprice">￥<em>38</em></span>
                                <span class="new-miaosha-afterdeposit">充值后 <em>19</em> 元</span>
                            </div>
                        </a></li>
                        <li><a href="">
                            <img src="img/限量购-2.jpg" alt="" class="tu">
                            <div class="new-miaosha-productname"><span>T恤 欧飞鸿 英雌 白色</span></div>
                            <del><span class="new-miaosha-oldprice">￥<em>136</em></span></del>
                            <div class="new-miaosha-price">
                                <span class="new-miaosha-saleprice">￥<em>38</em></span>
                                <span class="new-miaosha-afterdeposit ">充值后 <em>19</em> 元</span>
                            </div>
                        </a></li>
                        <li><a href="">
                            <img src="img/限量购-3.jpg" alt="" class="tu">
                            <div class="new-miaosha-productname"><span>T恤 山鸟叔 烂片王 花灰色</span></div>
                            <del><span class="new-miaosha-oldprice">￥<em>118</em></span></del>
                            <div class="new-miaosha-price">
                                <span class="new-miaosha-saleprice">￥<em>38</em></span>
                                <span class="new-miaosha-afterdeposit ">充值后 <em>19</em> 元</span>
                            </div>
                        </a></li>
                        <li><a href="">
                            <img src="img/限量购-4.jpg" alt="" class="tu">
                            <div class="new-miaosha-productname"><span>T恤 山鸟叔 吹两朵云 白色</span></div>
                            <del><span class="new-miaosha-oldprice">￥<em>118</em></span></del>
                            <div class="new-miaosha-price">
                                <span class="new-miaosha-saleprice">￥<em>38</em></span>
                                <span class="new-miaosha-afterdeposit ">充值后 <em>19</em> 元</span>
                            </div>
                        </a></li>
                        <li><a href="">
                            <img src="img/限量购-5.jpg" alt="" class="tu">
                            <div class="new-miaosha-productname"><span>T恤 山鸟叔 键盘侠1 黑色</span></div>
                            <del><span class="new-miaosha-oldprice">￥<em>168</em></span></del>
                            <div class="new-miaosha-price">
                                <span class="new-miaosha-saleprice">￥<em>138</em></span>
                                <span class="new-miaosha-afterdeposit ">充值后 <em>69</em> 元</span>
                            </div>
                        </a></li>
                    </ul>
                    <img src="img/新品推荐.jpg" alt="" class="jxp">
                        <div id="json" >
                         <a :href="xp.link"v-for="xp in messages">
                                <img :src="xp.img" alt="">
                            </a>
                        </div>
                    <div class="yxtj clearfix">
                    <div class="zi">
                        <h2>优选推荐</h2>
                        <ul>
                            <li class="pic-one"><a href="">
                                <img src="img/优选推荐-1.jpg" alt="" class="tu">
                                <h3><span>充值购买更优惠</span>4.0日式免烫衬衫</h3>
                            </a></li>
                            <li class="pic-two"><a href="">
                                <div>
                                    <img src="img/优选推荐-2.jpg" alt="" class="tu">
                                    <h3><span>充值购买相当于 <em>99</em> 元</span>牛津纺衬衫</h3>
                                </div>
                                <div>
                                    <img src="img/优选推荐-3.jpg" alt="" class="tu">
                                    <h3><span>充值购买更优惠</span>沙滩裤</h3>
                                </div>
                            </a></li>
                            <li><a href="">
                                <img src="img/优选推荐-4.jpg" alt="" class="tu">
                                <h3><span>充值购买更优惠</span>户外运动</h3>
                            </a></li>
                        </ul>
                        <ul>
                            <li class="pic-one"><a href="">
                                <img src="img/优选推荐-5.jpg" alt="" class="tu">
                                <h3><span>充值购买相当于 <em>99</em> 元起</span>POLO新品上市</h3>
                            </a></li>
                            <li class="pic-two"><a href="">
                                <div>
                                    <img src="img/优选推荐-6.jpg" alt="" class="tu">
                                    <h3><span>充值购买相当于 <em>59</em> 元起</span>麻棉衬衫</h3>
                                </div>
                                <div>
                                    <img src="img/优选推荐-7.jpg" alt="" class="tu">
                                    <h3><span>充值购买相当于 <em>29</em> 元</span>凡客新品</h3>
                                </div>
                            </a></li>
                            <li><a href="">
                                <img src="img/优选推荐-8.jpg" alt="" class="tu">
                                <h3><span>充值购买相当于 <em>39</em> 元</span>全面舒适素色T</h3>
                            </a></li>
                        </ul>
                    </div>
                </div>
                    <div class="xztj clearfix">
                    <h2>下装推荐</h2>
                    <ul>
                        <li><a href="">
                            <img src="img/下装推荐-one.jpg" alt="" class="tp">
                            <h3><span>充值购买相当于 <em>79</em>元起</span>休闲裤</h3>
                        </a></li>
                        <li><a href="">
                            <img src="img/下装推荐-two.jpg" alt="" class="tp">
                            <h3><span>充值购买相当于 <em>69</em>元起</span>牛仔裤</h3>
                        </a></li>
                        <li><a href="">
                            <img src="img/下装推荐-three.jpg" alt="" class="tp">
                            <h3><span>充值购买相当于 <em>99</em>元</span>低档锥裤</h3>
                        </a></li>
                        <li><a href="">
                            <img src="img/下装推荐-four.jpg" alt="" class="tp">
                            <h3><span>充值购买相当于 <em>79</em>元</span>窄脚休闲裤</h3>
                        </a></li>
                    </ul>
                </div>
                    <div class="gdjp">
                    <h2>更多精品</h2>
                    <div class="row">
                        <div class="col-md-4"><a href=""><img src="img/更多精品-1.jpg" alt="" class="tu"></a></div>
                        <div class="col-md-4"><a href=""><img src="img/更多精品-2.jpg" alt="" class="tu"></a></div>
                        <div class="col-md-4"><a href=""><img src="img/更多精品-3.jpg" alt="" class="tu"></a></div>
                    </div>
                    <div class="row">
                        <div class="col-md-4"><a href=""><img src="img/更多精品-4.jpg" alt="" class="tu"></a></div>
                        <div class="col-md-4"><a href=""><img src="img/更多精品-5.jpg" alt="" class="tu"></a></div>
                        <div class="col-md-4"><a href=""><img src="img/更多精品-6.jpg" alt="" class="tu"></a></div>
                    </div>
                </div>
                </div>
        </div>
    </div>
    <footer>
        <div class="container">
            <div class="ft">
                <div class="fts">
                    <div class="row text-center">
                        <div class="col-md-4">
                            <img src="img/在线客服.png" alt="" class="zai">
                            <p class="xia">7*9小时在线客服</p>
                        </div>
                        <div class="col-md-4">
                            <img src="footer-qi.png" alt="" class="zai">
                            <p class="zj">7天内退货</p>
                            <p class="zj"> 购物满199元免运费</p>
                        </div>
                        <div class="col-md-4 bb">
                            <img src="img/凡客二维码.jpg" alt="" class="ewm">
                            <p class="zj">扫描下载<a href="" class="aa">凡客</a>客户端</p>
                        </div>
                    </div>
                </div>
                <div class="ftx">
                    <div class="row text-center">
                        <div class="col-md-2">
                            <ul>
                                <li><a href="">关于凡客</a></li>
                            </ul>
                        </div>
                        <div class="col-md-2">
                            <ul>
                                <li><a href="">新手指南</a></li>
                            </ul>
                        </div>
                        <div class="col-md-2">
                            <ul>
                                <li><a href="">配送范围及时间</a></li>
                            </ul>
                        </div>
                        <div class="col-md-2">
                            <ul>
                                <li><a href="">支付方式</a></li>
                            </ul>
                        </div>
                        <div class="col-md-2">
                            <ul>
                                <li><a href="">售后服务</a></li>
                            </ul>
                        </div>
                        <div class="col-md-2">
                            <ul>
                                <li class="bz"><a href="" >帮助中心</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footerArea">
                <div class="footerBottom">
                    <p>Copyright 2007-2019 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号</p>
                    <p>凡客诚品（北京）科技有限公司</p>
                </div>
                <span class="blank20"></span>
                <div class="SubFooter">
                    <a href=""><img src="img/footer-1_02.gif" alt=""></a>
                    <a href=""><img src="img/footer-2_03.gif" alt=""></a>
                    <a href=""><img src="img/footer-3_03.gif" alt=""></a>
                    <a href=""><img src="img/footer-4_05.gif" alt=""></a>
                    <a href=""><img src="img/footer-5_03.gif" alt=""></a>
                    <a href=""><img src="img/footer-6_03.gif" alt=""></a>

                </div>
            </div>
        </div>
    </footer>
<!--返回顶部-->
<div class="fh">
    <a href="">
        <div class="nr5">

        </div>
    </a>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/vue.js"></script>
<script src="js/script.js"></script>
</html>